import Vue from "vue";
import VueRouter from "vue-router";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "Home",
    component: () => import("@/views/Home.vue"),
    redirect: {
      name: "kong2",
    },
    meta: {
      title: "首页",
      backgroundType: "1",
    },
    children: [
      // {
      //   path: '/index',
      //   component: () => import('@/views/page/home/home.vue'),
      //   name: 'index',
      //   meta: {
      //     title: '首页',
      //     backgroundType: '2'
      //   },
      // },
      // {
      //   path: '/about',
      //   component: () => import('@/views/page/about/about.vue'),
      //   name: 'about',
      //   meta: {
      //     title: '关于',
      //     backgroundType: '2'
      //   },
      // },
      // {
      //   path: '/dom',
      //   component: () => import('@/views/page/dom/index.vue'),
      //   name: 'about',
      //   meta: {
      //     title: 'dom',
      //     backgroundType: '2'
      //   },
      // },
      // {
      //   path: '/echarts',
      //   component: () => import('@/views/page/home/echarts/index.vue'),
      //   name: 'about',
      //   meta: {
      //     title: '报表',
      //     backgroundType: '2'
      //   },
      // },
      // {
      //   path: '/graphA',
      //   component: () => import('@/views/page/home/echarts/graphA.vue'),
      //   name: 'about',
      //   meta: {
      //     title: '报表',
      //     backgroundType: '2'
      //   },
      // },
      // {
      //   path: '/graphBlue',
      //   component: () => import('@/views/page/home/echarts/blue.vue'),
      //   name: 'about',
      //   meta: {
      //     title: '报表',
      //     backgroundType: '2'
      //   },
      // }, {
      //   path: '/graphYellow',
      //   component: () => import('@/views/page/home/echarts/yellow.vue'),
      //   name: 'about',
      //   meta: {
      //     title: '报表',
      //     backgroundType: '2'
      //   },
      // }, {
      //   path: '/gtt',
      //   component: () => import('@/views/page/home/echarts/gtt.vue'),
      //   name: 'about',
      //   meta: {
      //     title: '报表',
      //     backgroundType: '2'
      //   },
      // }, {
      //   path: '/bar',
      //   component: () => import('@/views/page/home/echarts/bar.vue'),
      //   name: 'about',
      //   meta: {
      //     title: '报表',
      //     backgroundType: '2'
      //   },
      // },
      // {
      //   path: "/openlayers",
      //   component: () => import("@/views/page/openlayers/index.vue"),
      //   name: "openlayers",
      //   meta: {
      //     title: "报表",
      //     backgroundType: "2",
      //   },
      // },
      {
        path: "/kong",
        component: () => import("@/views/page/kong/index.vue"),
        name: "kong",
        meta: {
          title: "衍生逻辑配置",
        },
      },
      {
        path: "/kong2",
        component: () => import("@/views/page/kong2/index.vue"),
        name: "kong2",
        meta: {
          title: "第二个",
        },
      },
      // {
      //   path: "/cesium",
      //   component: () => import("@/views/page/cesium/index.vue"),
      //   name: "cesium",
      //   meta: {
      //     title: "3D",
      //     backgroundType: "2",
      //   },
      // },
    ],
  },
];

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
});

router.beforeEach((to, from, next) => {
  next();
});

export default router;
